<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单和表单控件</title>
</head>
<body>
    <!-- 表单元素
     action 提交的地址
     input  表单控件元素
        placeholder 提示信息
        value 默认值
        name  表单控件的标识
        type="text"  文本框
             password  密码框
             checkbox  复选框
             radio  单选框
        checked   单选框和复选框默认选中
        selected   下拉框默认选中项
        readonly  只读
    -->
    <form action="https://www.tmooc.cn/">
        文本框：<input type="text" placeholder="请输入文本" name="username" value="xxxx" readonly>
        <br>
        密码框：<input type="password" placeholder="请输入密码" name="pwd" value="123456">
        <br>
        <!-- 需要提供一个value值，否则无法提交 -->
        复选框：<input type="checkbox" name="answer1" value="A">A
        <input type="checkbox" name="answer1" value="B" checked>B
        <input type="checkbox" name="answer1" value="C" checked>C
        <br>
        单选框：<input type="radio" name="answer2" value="A" checked>A
        <input type="radio" name="answer2" value="B">B
        <input type="radio" name="answer2" value="C">C
        <br>
        下拉框：<select name="city">
            <option value="010">北京</option>
            <option value="020">上海</option>
            <option value="030" selected>广州</option>
            <option value="040">深圳</option>
        </select>
        <br>
        文本域：<textarea name="beizhu" placeholder="请输入备注">需要餐具</textarea>
        <br>
        <!-- 提交按钮和重置按钮 -->
        <input type="submit" value="提交订单">
        <input type="reset">
    </form>
</body>
</html>